import React, { useRef } from 'react'
import Test from './Test'

// 需求：获取类组件实例
export default function App() {
  // !#1 创建 ref 对象
  const testCmpRef = useRef(null)
  // 下面其实也可以获取类组件实例
  // const testCmpRef = React.createRef()
  const handleClick = () => {
    // !#3 testCmpRef.current 就表示关联到的类组件实例
    // console.log(testCmpRef.current.state.count)
    // 通过这种方式进行数据传递
    testCmpRef.current.changeCount(8)
  }
  return (
    <div>
      {/* //!#2 把创建出来的 testCmpRef 和 ref 属性进行关联 */}
      <Test ref={testCmpRef} />
      <button onClick={handleClick}>click</button>
    </div>
  )
}
